<template>

  <!-- 目录'修改'的弹窗 -->
  <el-dialog :title="title" :visible="showdialog" @close="btnCancel">
    <!-- title插槽 -->
    <span slot="title">{{ title }}</span>

    <!-- 表单 -->
    <el-form ref="addSub" label-width="120px" :model="tableData" :rules="rules">
      <el-form-item label="所属学科" prop="subjectName">
        <el-select v-model="tableData.subjectName" placeholder="请选择">
          <el-option :label="tableData.subjectName" value="域内" />
          <!-- <el-option label="运维" :value="yunwei" /> -->
        </el-select>
      </el-form-item>
      <el-form-item label="目录名称" prop="directoryName">
        <el-input v-model="tableData.directoryName" placeholder="请输入目录名称" />
      </el-form-item>
    </el-form>
    <el-row slot="footer" type="flex" justify="center">
      <el-col :span="6">
        <el-button size="small" type="primary" @click="btnOk">确定</el-button>
        <el-button size="small" @click="btnCancel">取消</el-button>
      </el-col>
    </el-row>
  </el-dialog>

</template>
  <script>
import { addMenusList, editMenusList } from '@/api/subject'

export default {
  props: {
      showdialog: {
      type: Boolean,
      default: false
    },
    list: {
      type: Object,
      required: true
    }
  },

    data() {
      return {
        // dashuju: '',
        // yunwei: '',
    rules: {
      directoryName: [{ required: true, message: '目录名称不能为空', trigger: 'blur' }
      ]
    }
    }
  },
  computed: {
    title() {
      return this.list.id ? '修改目录' : '新增目录'
    },
    tableData: {
      set() { },
      get() { return this.list }
    }
  },
  created() {

    },
  methods: {
    // 取消、关闭弹窗
     btnCancel() {
        // 清空表单数据
        // 重置校验结果
        this.$refs.addSub.resetFields()
        // 关闭弹窗
        this.$emit('update:showdialog', false)
        // this.title = '新增目录'
        this.inputShow = true
      },
      // 确定按钮
   async btnOk() {
      console.log(this.list, '123123')
         if (this.tableData.id) { // 编辑
          // console.log(this.tableData, '==========1111')
          // // 1.调用方法

          // console.log(this.tableData, '=-------------=')
          // await editMenusList(this.tableData.id, this.tableData)
          // // 2.关闭弹窗
          // this.$emit('update:showdialog', false)
          // // 3.刷新页面
          // this.$emit('reAfterAdd')
          // // 4.提示信息
          // this.$message.success('编辑目录信息成功！')
        } else { // 添加
          // 1.调用方法
          console.log(this.tableData, 'add add add')
          await addMenusList(this.tableData)
          // 2.关闭弹窗
          this.$emit('update:showdialog', false)
          // 3.刷新页面
          this.$emit('reAfterAdd')
          // 4.提示信息
          this.$message.success('添加目录成功！')
        }
      },
      // 编辑回填
      async rePut(id) {
        this.inputShow = false
        // const res = await tagsdatails(id)
        // this.formData = res
      }

  }
    }
  </script>
  <style />